<template>
	<div class="tool-box">
		<a-card title="工具箱">
			<a-card title="转介服务">
				<a-list>
					<a-list-item>
						转介表 <span>填写</span>
					</a-list-item>
				</a-list>
			</a-card>
			<a-card title="服务对象填写表格">
				<a-list :grid="{gutter:8,column:2}">
					<a-list-item>
						接受服务同意书 <span>上传</span><span>下载</span>
					</a-list-item>
					<a-list-item>
						安全计划表 <span>上传</span><span>下载</span>
					</a-list-item>
					<a-list-item>
						成效自评表 <span>上传</span><span>下载</span>
					</a-list-item>
					<a-list-item>
						转介同意书 <span>上传</span><span>下载</span>
					</a-list-item>

				</a-list>
			</a-card>
			<a-card title="特定情况需求评估指引">
				<a-list :grid="{gutter:4,column:3}">
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">目标讨论指引</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">经济情况</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">工作情况</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">身体情况</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">居住环境</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">抑郁情绪</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">生活自理</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">跌倒风险</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">认知能力</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">支持网络</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">亲子关系</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">照顾者压力</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">家暴警号</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
				<a-list-item>
					<div class="icon"><a-icon type="snippets"  /></div>
					<div class="file-name">自杀警号</div>
					<div class="actions">
						<div class="act-block"><a-icon type="eye" /></div>
						<div class="act-block"><a-icon type="edit" /></div>
					</div>
				</a-list-item>
			</a-list>
			</a-card>
		</a-card>
	</div>
</template>

<script>
</script>

<style>
	.tool-box {

	}
	.tool-box .icon {
		font-size: 32px;
		display: block;
		text-align: center;
		width: 100%;
		height:48px;
		border:1px solid #ededed;
	}
	.tool-box .file-name {
		font-size: 12px;
		line-height: 16px;
		text-align: center;
		border-left:1px solid #ededed;
		border-right: 1px solid #ededed;
		padding:8px 4px;
	}
	.tool-box .actions {
		display: flex;
		align-content: space-between;
		align-items: center;
	}
	.tool-box .actions .act-block {
		width: 50%;
		text-align: center;
		border:1px #ededed solid;
	}
	.tool-box .actions .act-block:first-child{
		border-right: none;
	}
</style>
